<template>
  <div class="form_making">
      <fm-making-form ref="makingform"
                      style="height: 700px;"
                      preview
                      upload
                      generate-code
                      generate-json
                      :custom-fields="customFields"
                      >

      </fm-making-form>
  </div>
</template>

<script>
export default {
  props: {
    dialogData: {
      type: Object,
      default: function () {
        return { formTitle: '', description: '', createTime: '', formSchema: '' }
      }
    }
  },
  data () {
    return {
      customFields: [
        {
          name: '物料搜索', // 字段名称
          el: 'custom-form-select-search', // 组件注册的名称
          options: {
            defaultValue: null, // 默认值
            customClass: '', // 自定义样式
            labelWidth: 100, // 标签宽度
            isLabelWidth: false, // 是否展示标签
            hidden: false, // 隐藏属性
            dataBind: true, // 数据绑定属性
            required: false, // 必填校验
            dataType: '', // 数据类型校验
            pattern: '', // 正则表达式校验
            disabled: false
          },
          events: {
            onSelect: '',
            onChange: ''
          }
        },
        {
          name: '物料搜索全库', // 字段名称
          el: 'custom-form-select-all-search', // 组件注册的名称
          options: {
            defaultValue: null, // 默认值
            customClass: '', // 自定义样式
            labelWidth: 100, // 标签宽度
            isLabelWidth: false, // 是否展示标签
            hidden: false, // 隐藏属性
            dataBind: true, // 数据绑定属性
            required: false, // 必填校验
            dataType: '', // 数据类型校验
            pattern: '', // 正则表达式校验
            disabled: false
          },
          events: {
            onSelect: '',
            onChange: ''
          }
        },
        {
          name:'签名板',
          el:'custom-form-signature-pad',
          options:{
            defaultValue: null            
          },
        },
        {
          name:'图片上传',
          el:'custom-form-image-upload',
          options:{
            defaultValue: null            
          },
        }
      ]
    }
  },
  methods: {
    queryMakingForm (schema) {
      if (schema) {
        if (this.$refs.makingform) {
          this.$refs.makingform.setJSON(schema)
        }
      }
    },
    getJson () {
      return this.$refs.makingform.getJSON()
    },
    clearMakingForm () {
      this.$refs.makingform.clear()
    }
  }
}
</script>
<style lang="scss">
.form_making footer {
  display: none;
}
</style>
